<template>
	<div class="content-body" :style="'height: ' + windowHeight + 'px;'">
		<div class="bg"></div>
		<div class="clearFix"></div>
		<swiper class="swiper clearFix" 
		:autoplay="autoplay"
		:duration="duration" 
		:indicator-dots = "indicatorDots"
		indicator-active-color = "#FFFFFF"
		>
			<swiper-item>
				<div class="swiper-item" >
					<div class="swiper-wrap">
						<div class="guide-text">
							<div>人生也是一张答卷</div>
							<div style="text-indent: 2em;">今天得多少分</div>
						</div>
						<div class="guide-compute" style="padding: 0 30rpx;box-sizing: border-box;">
							<image src="../../static/guide/comp.png" mode="aspectFill"></image>
							<!-- <span>心情好</span>
							<span>迷茫</span>
							<span>心理</span> -->
						</div>
					</div>
				</div>
				<!-- <div class="jump-over" @tap="toLogin()">进入</div> -->
				<div class="experience2" @click="toLogin()">登录/注册</div>
				<div class="footer" v-if="urlVerify">
					<a href="https://beian.miit.gov.cn/#/Integrated/recordQuery">粤ICP备2022146056号</a>
					<a class="record" target="_blank"
						href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011102003394">
						<img src="//img.ljcdn.com/beike/conch/1579143669032.png" />
						<div class="title">粤公网安备 44011102003394号</div>
					</a>
				</div>
				<div class="footer" v-else>
					<a href="#">Email:kefu@lj5678.com</a>
					<a class="record" href="https://beian.miit.gov.cn/#/Integrated/recordQuery">粤ICP备2022146056号</a>
				</div>
			</swiper-item>
			<swiper-item>
				<div class="swiper-item">
					<div class="swiper-wrap">
						<div class="guide-text">
							<div>“我的影子”</div>
							<div style="text-indent: 2em;">看看另一个我</div>
						</div>
						<div class="guide-other" style="padding: 0 30rpx;box-sizing: border-box;">
							<image src="/static/guide/1.png" mode="aspectFill" class="icon1"></image>
							<image src="/static/guide/2.png" mode="aspectFill" class="icon2"></image>
							<image src="/static/guide/3.png" mode="aspectFill" class="icon3"></image>
							<image src="/static/guide/4.png" mode="aspectFill" class="icon4"></image>
							<image src="/static/guide/5.png" mode="aspectFill" class="icon5"></image>
							<image src="/static/guide/6.png" mode="aspectFill" class="icon6"></image>
							<div class="code-wrap" style="padding: 0 30rpx;box-sizing: border-box;">
								<image src="/static/guide/qrcode.png" mode="aspectFill" class="code"></image>
								<span>保存截图,扫码登录</span>
							</div>
							
						</div>
					</div>
				</div>
				<!-- <div class="jump-over" @tap="toLogin()">进入</div> -->
				<div class="experience2" @click="toLogin()">登录/注册</div>
			</swiper-item>
			
			<swiper-item>
				<div class="swiper-item">
					<div class="swiper-wrap" style="padding: 30rpx;box-sizing: border-box;">
						<rich-text :nodes="$utils.escape2Html(netData)"></rich-text>
					</div>
				</div>
				<!-- <div class="jump-over" @tap="toLogin()">进入</div> -->
				<div class="experience2" @click="toLogin()">登录/注册</div>
			</swiper-item>
			
			<swiper-item>
				<div class="swiper-item">
					<div class="swiper-wrap">
						<div class="guide-text">
							<div>名站导航</div>
							<div style="text-indent: 2em;">名家欣赏 文化传递</div>
						</div>
						<div class="guide-other" style="padding: 0 30rpx;box-sizing: border-box;">
							<div class="guide-tab">
								<div class="tab-item" v-for="(item,index) in linkList"
								@longtap="tagLongTap(item.id,item.name,item.isAdd)" @click="tagClick(item.link)">
									{{item.name}}
								</div>
							</div>
							<div class="code-wrap2" style="padding: 0 30rpx;box-sizing: border-box;">
								<image src="/static/guide/qrcode.png" mode="aspectFill" class="code"></image>
								<span>截图保存 方便查看</span>
							</div>
							
						</div>
					</div>
				</div>
				<foot></foot>
				<div class="experience2" @click="toLogin()">登录/注册</div>
			</swiper-item>
		</swiper>
		
	</div>
</template>
<script>
import data from '@/js/publics/guide/data.js';
import methods from '@/js/publics/guide/methods.js';
import {mapState} from 'vuex';
import foot from "@/components/footer.vue";
export default {
	data,
	methods,
	onLoad(e) {
		setTimeout(()=>{
			this.getLinks()
		},1000)
		this.getPageData()
	},
	onShow() {
		//判断地址是否为
		let hostname = window.location.hostname
		this.urlVerify = hostname == 'lj5678.com' || hostname == 'www.lj5678.com'
	},
	onHide() {
	    console.log('on hide')
	},
	onUnload() {
	},
	computed: {
		...mapState(['statusBarHeight']),
		windowHeight() {
			return uni.getSystemInfoSync().windowHeight
		},
	},
	components: {
		foot
	}
};
</script>

<style scoped lang="scss">
    @import '~@/style/publics/guide.scss';

</style>
